{% extends 'Layout.html' %}


{% block css %}
    <style>
        /* 基础设置 */
    /* .container{
        width: 1190px;
        margin:0 auto;
    } */
    body,p,ul,li,form,legend,button,input,textarea{
    margin: 0;
    padding: 0;
}
ul,ol {
    list-style: none;
}

img {
    /* 底部留白 */
    display: block;
	border:0;
}

input,button {
    /* 去掉轮廓线 */
    outline: none;
    border:none;
}

/* 风格设置 */
body {
    font: 12px/1.5 "Microsoft YaHei", Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
    color: #333;
}

a {
    text-decoration: none;
    color: #666;
}

a:hover {
    color:#DD302D;
    text-decoration: none;
}

.leftfix {
    float: left;
}

.rightfix {
    float: right;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}
        .search{
            height: 50px;
            width: 1200px;
            margin:0 auto;
            /* border: 1px solid black; */
            margin-top: 40px;
            line-height: 50px;
            position: relative;
        }

        input{
            border: 1px solid black;
            height: 40px;
            width: 1000px;
            border-radius:10px;
            margin: 0 100px;
            font-size: 17px;
            padding-left: 10px;
        }
        button{
            border-radius:10px;
            width: 78px;
            height: 33px;
            vertical-align:baseline;
            line-height: 33px;
            background-color: rgb(23, 109, 196);
            position: absolute;
            top:7px;
            left: 1019px;;
            font-size: 15px;
            color: white;
        }
        button:hover{
            cursor:pointer;
        }
        .yuki{
            margin-top: 100px;
            height: 535px;
            background-color: antiquewhite;
            /* padding-top: 1px; */
            overflow:hidden
        }
        .wb{
            height: 500px;
            width: 1200px;
            margin: 0 auto;
            margin-top: 10px;
        }
        .lf{
            font-size: 14px;
            height: 520px;
            width: 250px;
            background-color: white;
            font-size: 20px;
            line-height: 105px;
            text-align: center;
            font-weight: bold;
        }
        .lf li:last-child{
            transform: translateX(-20px);
        }

        .tp{
            width: 945px;
            height: 40px;
            background-color: white;
            line-height: 40px;
            margin-left: 5px;
            margin-bottom: 5px;
        }
        .tplist li{
            float: left;
            font-size: 16px;
            margin: 0 40px;
            font-weight: bold;

        }

        .md{
            margin:0 5px;
            width: 690px;
            height: 475px;
            overflow: hidden;
        }
        .md iframe{
            position:relative;
            top:-47px;
        }
        .rt{
            width: 250px;
            height: 475px;
            background-color: white;
        }
        .rsb{
            font-size: 20px;
            font-weight: bold;
            padding-left: 22px;
            transform:translateY(25px);
            width: 250px;
            height: 70px;
        }
        .rsb-show{
            width: 250px;
            height: 405px ;
            overflow: hidden;
        }
        .rsb-show iframe{
            position:relative;
            top:-147px;
        }
        </style>

{% endblock %}




{% block content %}
{#    这是是讨论投稿页面#}
    <!-- 右侧搜索区 -->
    <div class="search">
        <form action="https://www.baidu.com/s" target="_blank" method="get">
            <input type="text" name="wd" placeholder="  在此搜索">
            <button>搜索</button>
        </form>
    </div>
    <div class="yuki">
    <div class="wb clearfix">
        <div class="lf leftfix">
            <ul lass="slide-nav">
                <li><a href="https://s.weibo.com/weibo?q=%E7%83%AD%E9%97%A8%E8%AF%9D%E9%A2%98"  target="_blank">热门话题</a></li>
                <li><a href="https://s.weibo.com/weibo?q=%E8%AF%9D%E9%A2%98%E8%AE%A8%E8%AE%BA" target="_blank">话题讨论</a></li>
                <li><a href="https://s.weibo.com/weibo?q=%E5%9C%A8%E7%BA%BF%E6%B1%82%E5%8A%A9" target="_blank">在线求助</a></li>
                <li><a href="https://www.zhihu.com/" target="_blank">投稿</a></li>
            </ul>

        </div>

        <div class="tp leftfix">
            <ul class="tplist clearfix">
                <li><a href="https://s.weibo.com/weibo?q=%E7%83%AD%E9%97%A8%E8%AF%9D%E9%A2%98"  target="_blank">热门话题</a></li>
                <li><a href="https://s.weibo.com/weibo?q=%E7%96%AB%E6%83%85%E8%BF%BD%E8%B8%AA"  target="_blank">疫情追踪</a></li>
                <li><a href="https://s.weibo.com/weibo?q=%E5%8C%BB%E7%96%97%E7%A7%91%E6%8A%80"  target="_blank">医疗科技</a></li>
                <li><a href="https://s.weibo.com/weibo?q=%E5%BC%82%E5%9C%B0%E5%B0%B1%E5%8C%BB"  target="_blank">异地就医</a></li>
                <li><a href="https://s.weibo.com/weibo?q=%E6%B0%91%E7%94%9F%E9%97%AE%E9%A2%98"  target="_blank">民生问题</a></li>
                <li><a href="https://s.weibo.com/weibo?q=%E4%B8%A4%E4%BC%9A%E6%94%BF%E7%AD%96"  target="_blank">两会政策</a></li>
            </ul>
        </div>
        <div class="md leftfix">
            <iframe width="704px" height="575px" src="https://m.weibo.cn/?jumpfrom=weibocom" frameborder='0' scrolling="yes"></iframe>
        </div>
        <div class="rt leftfix">
            <div class="rsb">热搜榜</div>
            <div class="rsb-show">
                <iframe width="250px" height="575px" src="https://rebang.today/home?tab=weibo" frameborder='0'  scrolling="no" overflow="hidden"></iframe>
            </div>
        </div>
    </div>
    </div>

{% endblock %}

